import React, { Component } from 'react';
import style from './index.module.scss';
import { NavLink } from 'react-router-dom'
import Footer from './../../components/footer';

class Com extends Component {
  render() {
    return (
      <div className='box'>
        <div className="content">
          <div className={style.headertop}>
            <div className={style.hebox}>
              {/* 返回按钮 */}
              <div className={style.heboxto} onClick={()=> {console.log(this.props.history.go(-1))}}>
                <span>&lt;</span>
                <span>返回</span>
              </div>
              {/* 节日下拉 */}
              <div className={style.jieri}>
                <span className={style.jiename}>劳动节</span>
                <span style={{marginLeft: '6px'}}>&or;</span>
              </div>
              {/* 白线 */}
              <hr/>
              {/* 搜索框 */}
              <NavLink to="/search">
                <input type="text" disabled style={{color: 'rgba(255,255,255,1)'}} className={style.search} placeholder='搜索目的地'/>
              </NavLink>
            </div>
          </div>
          <div className={style.wuyi}>
            <img src="/images/ldjbanner@2x.png" alt=""/>
          </div>
          <div className={style.zhishi}>
            <div className={style.wenda}>
              <div className={style.wendaleft}>
                {/* <span className={style.no1}>节</span>
                <span className={style.no2}>日</span>
                <span className={style.no3}>百</span>
                <span className={style.no4}>科</span> */}
                节&nbsp;日百&nbsp;科
              </div>
              <div className={style.wendaright}>1889年7月，由恩格斯领导的第二国际在巴黎举行代表大会。会议决定把5月1日定为国际劳动节。我国于建国时决定将5月1日确定为劳动节。</div>
            </div>
          </div>
          <div className={style.tui}></div>
        </div>
        <Footer></Footer>
      </div>
    )
  }
}

export default Com